<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-7">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员登录</title>
</head>
<body>
    <!-- 
        form 表单元素
        1.action 属性   设置表单提交的地址，一般设置后台接口地址
        2.method 属性   设置表单提交的方式
            2.1 GET方式：
                提交数据通过url地址发送，一般用于查询数据，默认方式；
                会将数据追加至地址栏上；
                一般不用来提交隐私数据；一般不用来提交数据量较大的；
                ?username=zhangsan&password=123456
            2.2 POST方式
                提交数据通过请求体发送；
                不会将暴露在url地址上；
                一般用于提交数据，提交隐私数据，提交数据量较大的；
    -->
    <div align="center">
    <h2><strong>会员登录</strong></h2>
    <form align="center" action="">
        <label for="user">用户名:</label>
        <input type="text" id="user" placeholder="邮箱/id/手机号">
        <br><br>
        <label for="password">密码: </label>
        <input type="password" id="password"  name="password" placeholder="请输入密码"">
        <br><br>
        <label for="select"></label>
        <input type="checkbox" name="select">两周内自动登录
        <br><br>
        <span>
            <input type="image" id="image"  src=".\img\login.png">
            <a href="#" style="color:blue">忘记密码</a><br><br>
        </span>
        <span>
            其他账号登录
            <a href="#"  style="text-decoration:none;color:black"><img src=".\img\ico1.png" alt="">QQ账号</a>
            <a href="#"  style="text-decoration:none;color:black"><img src=".\img\ico2.png" alt="">新浪微博</a>
            <a href="#"  style="text-decoration:none;color:black"><img src=".\img\ico3.png" alt="">百度账号</a>
            <br><br>
        </span>
        <a href="#" style="color:blue">还不是会员？立即注册</a>
    </form>
    <form action="#"></form>
    <br><br><br>
</div>        
</body>
</html>